/**
 * 在这里主要定义样式的变量
 */

/*----------------------------颜色-----------------------------*/
// 前景色/背景色，白色
$--color-white: #ffffff !default;
// 边框的颜色
$--border-color-base: #dcdfe6 !default;
$--color-text-regular: #606266 !default;
$--font-weight-primary: 500 !default;
$--font-size-base: 14px !default;
$--color-primary: #409efe !default;
$--color-black: #000 !default;
$--border-color-lighter: #ebeef5 !default;
$--color-text-placeholder:#c0c4cc !default;
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;
/*-----------------------边框样式--------------------------*/
$--border-width-base: 1px !default; // 边框的基础宽度
$--border-style-base: solid !default; // 边框的基础样式
$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
$--button-default-border-color: $--border-color-base !default;
$--button-active-shade-percent: 10% !default;
$--button-hover-tint-percent: 20% !default;
// 边框圆角
$--border-radius-base: 4px !default;
// 按钮背景颜色
$--button-default-background-color: $--color-white !default;
$--button-default-font-color: $--color-text-regular !default;
// 禁用状态下的按钮文字颜色
$--button-disabled-font-color: $--color-text-placeholder;
// 禁用状态下的按钮背景色
$--button-disabled-background-color: $--color-white !default;
$--button-disabled-border-color: $--border-color-lighter !default;
$--button-font-weight: $--font-weight-primary !default;
// 按钮的垂直内边距
$--button-padding-vertical: 12px !default;
// 按钮的水平内边距
$--button-padding-horizontal: 20px !default;
// 按钮文字的大小
$--button-font-size: $--font-size-base !default;
// 按钮的边框圆角
$--button-border-radius: $--border-radius-base !default;
